function isMobile() {//判断是否是移动端
  const reg = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i;
  return reg.test(navigator.userAgent);
}

function getRem() {
  //获取设备宽度
  let deviceWidth = document.documentElement.clientWidth || window.innerWidth;
  if (isMobile()) {
    //移动端
    let deviceWidth = document.documentElement.clientWidth || window.innerWidth;
    if (deviceWidth >= 750) {
      deviceWidth = 750;
    }
    if (deviceWidth <= 320) {
      deviceWidth = 320;
    }
    document.documentElement.style.fontSize = deviceWidth / 7.5 + "px";
    document.querySelector("body").style.fontSize = 0.2 + "rem"; //这是为了设置元素最小继承基准，如果不设置的话，所有元素都必须加上rem，否则你想想，全都继承html的了，然而html的数值是我们为了好计算放大了100来算的，为啥呢，也是因为font-size最小值一般为12px（12像素），部分浏览器在处理font-size时，低于 12px 的，一律按 12px 显示。
  } else {
    //pc端
    if (deviceWidth >= 1920) {
      deviceWidth = 1920;
    } else if (deviceWidth >= 1680) {
      deviceWidth = 1680;
    } else {
      deviceWidth = 1440;
    }
    document.documentElement.style.fontSize = deviceWidth / 30 + "px"; //我这pc以1440为基准,个人认为而已，除以30是为了在1440尺寸下设置body基准大小最小为12px,1440/30=48;12/48=0.25
    document.querySelector("body").style.fontSize = 0.25 + "rem";
  }
}
getRem();
//动态适配机型
window.onresize = function () {
  getRem();
};
